<template>
  <div id="app">
    <router-view/>
    <!-- 2、把创建的底部放到页面的底部 -->
    <!-- 5、把数组传给子组件 -->
    <Tabber :items="items" :defaultSelectIndex="0"
    v-show="this.$route.meta.isShowTab"
    />
  </div>
</template>
<script>
// 引入并注册Tabber
import Tabber from './components/tabber/Tabber'
export default {
  components:{
    Tabber
  },
  data(){
    // 4、所有想要渲染出来的数据
    return{
      // 数据
      items:[
        {
        title:"首页",
        icon:require('./assets/zhuye-copy.png'),
        icon_active:require('./assets/zhuye-copy_active.png'),
        path:'/'
        },
        {
        title:"分类",
        icon:require('./assets/fenleixiankuang.png'),
        icon_active:require('./assets/fenleixiankuang_active.png'),
        path:'/classify'
        },
        {
        title:"购物车",
        icon:require('./assets/gouwuche.png'),
        icon_active:require('./assets/gouwuche_active.png'),
        path:'cars'
        },
        {
        title:"我的",
        icon:require('./assets/Icon_wode.png'),
        icon_active:require('./assets/Icon_wode_active.png'),
        path:"/mine"
        },
      ]
    }
  }
}
</script>

<style scoped>

</style>
